<template>
  <!--  询价单管理-->
  <div class="quotation-index module-index">
    <!--    标题-->
    <breadcrumb-title :title="title"/>
    <div class="quotation-body module-body">
      <search-and-router-change :identity="identity"
                                :page-data="pagination"
                                :table-data="tableData"
                                :name="name"
                                :title="title"/>

    </div>


  </div>
</template>

<script>
import BreadcrumbTitle from "@/components/title/BreadcrumbTitle";
import SearchAndRouterChange from "@/views/menu/components/SearchAndRouterChange";

export default {

  name: 'quotationIndex',
  components: {
    BreadcrumbTitle,
    SearchAndRouterChange,

  },
  props: {},
  data() {
    return {
      identity: '',
      title: '',
      name: '',
      pagination: {
        status: 0,
        value1: '',
        input: '',
        KPISort: '',
        value2: "",
        car: '',
        carStatus: '',
        startTime: '',
        endTime: '',
        page: 1,
        pageSize: 10,
      },
      total: 0,

      tableData: [],
    }
  },
  created() {

    this.init()
  },
  methods: {
    async init() {
      // 获取标题中的内容
      this.title = this.$route.meta.title
      this.identity = localStorage.getItem("identity")
      this.name = this.$route.meta.name
    },

    change(i) {
      console.log(i)
    },
    // div选中
    divActive(i) {
      this.active = i
    },

    // 选择单选框
    handleRadioChange(row) {
      console.log(row)
    },

  },
}
</script>

<style scoped lang="scss">

.active {
  background-color: white;
  color: black;
}


.quotation-index {


  .quotation-body {
    margin-top: 10px;

    .quotation-body-item {
      margin-top: 10px;

      .quotation-body-active {
        width: 120px * 7;
        text-align: center;
        margin-top: 10px;
        background-color: #B3C0D1;

        .quotation-active-item {
          float: left;
          width: 120px;
          max-width: 120px;
          height: 35px;
          line-height: 35px;
        }

        .quotation-active-item:hover {
          background-color: #D3DCE6;
          color: white;
        }
      }
    }

  }


}

</style>